<!--
 * @Description: 
 * @Version: 2.0
 * @Autor: LMJ
 * @Date: 2021-09-03 13:46:04
 * @LastEditors: LMJ
 * @LastEditTime: 2021-09-27 14:57:11
-->
<template>
  <div id="table1">
    <div class="title">
      <i
        class="iconfont icon-exe-sale-primary"
        style="color: aqua; font-size: 15px; margin-right: 5px"
      ></i>
      <span style="font-size: 15px">拆炉报表</span
      ><dv-decoration-1 style="width: 100px; height: 20px" />
    </div>
    <dv-scroll-board
      :config="config"
      ref="scrollBoard"
      style="width: 100%; height: 95%; font-size: 12px"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      config: {
        header: [
          "暂无",
          "暂无",
          "暂无数据",
          "暂无数据",
          "暂无数据",
          "暂无数据",
          "暂无数据",
        ],
        data: [
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
          [
            "10001",
            "A122",
            "21-08-18 00:00:00",
            "99(/Kg)",
            "21-08-18 00:00:00",
            "12(/小时)",
            0,
          ],
        ],
        hoverPause: false, //鼠标悬浮时暂停轮播
        rowNum: 10, //表格行数
        headerHeight: 35, //表头高度
        headerBGC: "#0f1325", //表头背景颜色
        oddRowBGC: "#0f1325", //奇数行背景颜色
        evenRowBGC: "#171c33", //偶数行背景颜色
        index: false, //是否开启序号
        indexHeader: "序号", //序号名称
        columnWidth: ["70", "70", "130", "80", "130", "80", "80"], //表头宽度Array[x,x,x,x]
        waitTime: 10000, //翻页时间
        carousel: "page", //滚动类型page为整页，默认为单条
        align: [
          "center",
          "center",
          "center",
          "center",
          "center",
          "center",
          "center",
          "center",
        ], //对齐方式Array[x,x,x,x]
      },
    };
  },
  created() {
    // window.addEventListener("resize", () => {
    //   this.$refs["scrollBoard"].updateRows();
    // });
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
::v-deep .dv-scroll-board .rows .ceil {
  font-size: 13px !important;
}
#table1 {
  width: 100%;
  height: 100%;
  padding: 10px;
  .title {
    display: flex;
    span {
      color: #c3cbde;
      font-size: 15px;

      margin-right: 10px;
    }
  }
}
</style>
